<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

    <title>SGI :: Sistema de Gesti&oacute;n de Ideas</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

	<!-- Propios -->
	<script src="../js/jquery-1.7.2.min.js"></script>
	<link href="../css/css_global.css" rel="stylesheet">
	<script src="../js/app/discusion_votacion/mnt_discusion.js"></script>
	
	<%@ include file="../../includes/head_privado.jsp" %>
	
  </head>


  <body>
  <form id="form_nuevaDiscusion" name="form_nuevaDiscusion"  action="<%=request.getContextPath() %>/mod_discusion/abreVerIdea.html" method="post" enctype="multipart/form-data" class="form-horizontal">

	<%@ include file="../../includes/menu.jsp" %>
	
	<div class="container-fluid">
      <div class="row-fluid">
        
        <%@ include file="../../includes/app_menu.jsp" %>
		
		
		
		
		<!-- AREA TRABAJO -->
		
		<div class="span9">
			<table border="0" width="100%" cellpadding="0" cellspacing="0">	
			
				<!-- Cabecera -->
				<tr>
					<td>
					
						<table width="100%" border="0" >
							<tr>
								<td style="padding-left:10px; padding-right:15px;width:45px;"><img src="<%=request.getContextPath() %>/img/mdl_votacion.jpg" alt=""></td>
								<td>
									<h6 style="margin:0px;">Discusi&oacute;n y Votaci&oacute;n</h6>
									<h4 style="margin:0px;">Ver Idea</h4>
								</td>
								<td style="text-align:right;">
							
								</td>
							</tr>
						</table>
					
					</td>				
				</tr>			
				<tr style="margin:0px;">
					<td><hr style="margin:5px;"/></td>				
				</tr>		
				
				<!-- BODY -->
				<tr>
					<td>
					
						<br>
			
							<table border="0" width="100%" cellpadding="0" cellspacing="0" style="border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC;border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;background-color:#F5F5F5;">								
								<tr>
									<td style="padding:10px;">
										<strong>Idea</strong>
										<div style="padding:15px;border:1px solid #CCCCCC;background-color:#FFFFFF; ">
										Esta es un demo de una idea que se plantea para que se muestre el prototipo.
										Esta es un demo de una idea que se plantea para que se muestre el prototipo.
										Esta es un demo de una idea que se plantea para que se muestre el prototipo.
										Esta es un demo de una idea que se plantea para que se muestre el prototipo.
										Esta es un demo de una idea que se plantea para que se muestre el prototipo.										
										</div>
									</td>
								</tr>
								<tr>
									<td style="padding-bottom:5px;padding-right:10px;padding-left:10px;" align="right">
									
										<table border="0" width="100%">
											<tr>
												<td>
													<strong>Usuario:</strong> Noe figueroa Sanchez
												</td>
												<th width="50px;">
													Votaci&oacute;n:
												</th>
												<td style="background-color:#ffffff;padding:5px;border:1px solid #CCCCCC;width:120px;" align="center">
													<img alt="" src="<%=request.getContextPath() %>/img/img_estrellaActiva.jpg" border="0" width="20" />
													<img alt="" src="<%=request.getContextPath() %>/img/img_estrellaActiva.jpg" border="0" width="20" />
													<img alt="" src="<%=request.getContextPath() %>/img/img_estrellaActiva.jpg" border="0" width="20" />
													<img alt="" src="<%=request.getContextPath() %>/img/img_estrellaInactiva.jpg" border="0" width="20" />
													<img alt="" src="<%=request.getContextPath() %>/img/img_estrellaInactiva.jpg" border="0" width="20" />
												</td>
											</tr>
										</table>
									
										
									</td>
								</tr>
							</table>
			
							<br/>
							
							<table border="1" width="100%" cellpadding="5" cellspacing="0" style="border:1px solid #CCCCCC;background-color:#E6F0FF;">																							
								<tr>	
									<th width="10px">  </th>
									<td colspan="3"> 
										<strong> Daniel Ramos R.</strong>
										<textarea name="txtComentario" rows="2" style="width:95%;" id="txaDescripcion" placeholder="Escribe tu comentario..."></textarea>
										<button type="submit" class="btn btn-mini btn-primary">Comentar</button>
										
									</td>
								</tr>														
							</table>
							
							
							<c:forEach items="${LISTAR['listaDiscusion']}" var="lista">
							<table border="1" width="100%" cellpadding="5" cellspacing="0" style="border:1px solid #CCCCCC;background-color:#FFFFE8;">																							
															
								<tr>	
									<th width="10px">  </th>									
									<td colspan="3"> 
										<strong>${lista.nombreUsuario} </strong>										
										<div style="background-color:#FFFFFF;width:95%;border:1px solid #CCCCCC;padding:8px;">
											${lista.descripcion } efsdfdsfdsf
										</div>										
									</td>
								</tr>		
								
																				
							</table>
							</c:forEach>
							
										
					
						<div class="form-actions" style="text-align:right;margin-top:0px; padding-top:9px; padding-bottom:9px;">							
							<button type="button" class="btn" onclick="javascript:fn_cancelar();">Cancel</button>
						</div>
								
								
					</td>				
				</tr>	
				
			</table>
		</span>
		
	    <!-- FIN AREA TRABAJO -->
	    
			

	    
 	  </div>
	</div>
	   </from>
 
   
   <%@ include file="../../includes/pie.jsp" %>


   
    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="../js/jquery.js"></script>
    <script src="../js/bootstrap-transition.js"></script>
    <script src="../js/bootstrap-alert.js"></script>
    <script src="../js/bootstrap-modal.js"></script>
    <script src="../js/bootstrap-dropdown.js"></script>
    <script src="../js/bootstrap-scrollspy.js"></script>
    <script src="../js/bootstrap-tab.js"></script>
    <script src="../js/bootstrap-tooltip.js"></script>
    <script src="../js/bootstrap-popover.js"></script>
    <script src="../js/bootstrap-button.js"></script>
    <script src="../js/bootstrap-collapse.js"></script>
    <script src="../js/bootstrap-carousel.js"></script>
    <script src="../js/bootstrap-typeahead.js"></script>
        
        
  </body>
  
</html>
